﻿/**
 * Joomla! 1.5 component eventcalendar
 * Tapahtumakalenteri Joomlaan geolokaatiolla
 *
 * CSS-tiedosto
 * 
 */

 
#kalenteriwrap, .kalenteriwrap {
	width:auto;
	height:auto;
	min-width:400px;
}
#kalenteriwrap a img{border:0;}

/* Header & tabit*/
.calheader {margin:20px 0 5px;}
.tabit  {display:block; background:#ccc;}
.tabit li , #main .tabit li {float:left; list-style:none; margin:0; padding:0;}
#main .tabit a, #main .tabit a:active, #main .tabit a:focus, .tabit a, .tabit a:active { position:relative; margin:0 2px 0 0; 
border:1px solid #888; border-bottom:0; padding:10px 10px 8px;
 background:#999 url(../images/h2_gradient.png) repeat-x 0 center;
 color:#FFF;
 text-decoration:none;
font-weight:bold;

 /*position:relative;z-index:2;*/
}
.tabit  a.current, #main  .tabit  a.current{ background:#fff; color:#222;padding-bottom:9px; z-index:2;}
#main .tabit a:hover { background:#BFBFBF url(../images/h2_gradient.png) repeat-x 0 center; color:#FFF; }

.rss-icon {margin:2px 6px 0 0;  opacity:0.9}
.rss-icon:hover {outline:0; border:0; opacity:1;}
/*.hidden{display:none;}*/

img.kalenteri_kuva:hover {cursor:pointer;}
/*label {font-weight:bold;}*/
#singlevent span {float:left;  width:100px; margin-right:10px;}

/* Fullcalendar */
#calwrapper #loading {
	position: absolute;
	color:#095197;
	height:20px;
	background:url(../images/ajax-loader.gif) no-repeat 0px 1px;
	padding: 0 0 0 20px;
}

#calendar {
	width: 100%;
	margin: 0 0 50px 0px;
	top:25px;
	position:relative;
	}

#kalenterin_valinta {
	font-size:200%;
	padding:0.5em 0 1.5em 0;
}

.loading {
	display:block;
	width:100%;
	height:16px;
	background:url(../images/ajax-loader.gif) no-repeat center top;
	padding:0;
}
.ok {color:#0C8C60;}
.nok {color:#ff0909;}
.viesti {padding:20px; background:#f1f1f1;}

a.loading2, .loading2{
	background:url(../images/ajax-loader.gif) no-repeat left center;
	padding-left:21px;
	}

/*#calwrapper input[type="text"], .kalenteriwrap input[type="text"]{padding:2px;}*/

#calwrapper, .calwrapper {
	padding:10px;
	width:auto;
	height:auto;
	overflow: hidden;
	border: 1px solid #888;
	position:relative;
	z-index:0;
}

div.section {
	margin: 1em 0;
	width: 100%;
}
#ehdota div {margin:0 0 10px;}

#ehdota div.vasen,
#dateSelector div.vasen {
	clear: both;
}

#ehdota input[type="text"], #ehdota textarea{padding:3px;}
#ehdota #tapahtuma-aika-wrap img {margin: 4px;}
#ehdota label.vasen {margin-top:3px;}
#ehdota label.vasen,
#dateSelector label.vasen {
	width: 150px;
	margin-right:5px;
}

#ehdota fieldset,
#dateSelector fieldset,
.singleDate {
	margin: 0 5px 1em 5px;
	border: 2px solid #AED0EA;
	padding: 10px 10px 0 10px;
}
.singleEvent {}
.singleEvent  img {max-width:450px;}

#main #ehdota h2, #ehdota h2,
#main h2.eventListSingleDate, h2.eventListSingleDate {
	font-size: 18px;
	margin: 1em 5px 0 5px;
	padding: 10px 10px 7px;
	background:#AED0EA url(../images/h2_gradient.png) repeat-x 0 center;
}

/* Tapahtumien alkuajan valinta */
.together {

 height:26px;
 display:block;
 float:left;
 margin-top:-10px;
 padding:0 5px;
}

.together input {
	padding:5px;
	font-size:130%;
	font-family:Arial;
}

.together input.hakubtn{
	padding:5px 15px;
	height:36px;
	border:1px solid #999999;
	border-left:0;
	background: #DFDFDF url(../images/h2_gradient.png) repeat-x 0 center;
	float:left;
}
.together .hakubtn:hover, .together img:hover  {
	background-color:#CCC;
	cursor:pointer;
}
.together .hakubtn:active, .together img:active{
	background-color:#999;
}

.together input.dateSelectorShort {
	width:150px;
	height:24px;
	padding:5px 0px 5px 15px;
	float:left;
	border:1px solid #999;

}
.together img {
	position:relative;
	top:0px;
	float:left;
	padding:4px;
	background: #DFDFDF url(../images/h2_gradient.png) repeat-x 0 center;
	border:1px solid #999;
	border-left:0;
	border-right:0;
	cursor:pointer;
}


.eventDate,
.eventLocation {
	padding: 2px 0;
	margin: 0;
}

.eventInfo {
	margin:0px 0 5px;
	padding: 3px 0 23px 3px;
	clear:both;
	height:80px;
	display:block;
}
.eventInfo:hover{
background:#EFEFEF;
}

.eventInfo h3 {
	margin: 0 0 5px 0;
	padding: 0;
}

.eventInfo img.thumb {
	_width:100px;
	_height:100px;
	margin:0 10px 20px 0px;
}

.eventInfo .defaultimg{display:block; width:100px; height:100px; margin:0 10px 20px 0px; background:#777;line-height:100px; float:left; color:#FFF; text-align:center;}

.eventListSingleDate a {
	font-size: 0.8em;
	float: right;
}

#dateSelector {
	margin: 10px;
}

#dateSelector input.dateSelectorShort {
	width: 110px;
	margin: 0;
}

#dateSelector a {
	margin: 0 10px;
}


a.bigButton, .bigButton,
#main a.bigButton, #main  a.bigButton:link, #main  a.bigButton:visited, #main  a.bigButton:active {
	font-size: 1.4em;
	background-color: #bdf;
	background: #59BDEF url(../images/h2_gradient.png) repeat-x 50% 50%;
	border:1px solid #2694E8;
	padding: 0.5em;
	margin: 10px 5px;
	text-align: center;
	display: block;
	color:#fff;
	text-decoration:none;
}
#main a.bigButton:hover, a.bigButton:hover {background-color:#68C2EF;/*background-color:#A4CAEF; color:#333;*/}
#main a.bigButton:active, a.bigButton:active {background-color:#45ACDF;}

.vasen {
	float: left;
}
.oikea {
	float: right;
}

.clear {
	clear: both;
}

.noMargin {
	margin: 0;
}

.nostobox {
	border:1px solid #888888;
	background:#C2DCEF;
	padding:10px 20px;
	font-size:130%;
}


/* Moderaattori */
.hyvaksynta a {
	font-weight:bold;
	cursor:pointer;
}

#ehdotetut {width:100%;}
#ehdotetut tr{border:1px solid #888;}
#ehdotetut td, #ehdotetut th{
	padding:5px; 
	border:0;
}
#ehdotetut .odd {
background:#f1f1f1;
}
#ehdotetut tr:hover td{background:#B8D6ED;}
/*#ehdota TH, #ehdota label{background:#336699; color:#FFF;}*/

.valittu {font-weight:bold;}
.chooseCal {font-size:150%;}


/* Lightbox (fancybox) */
.lightbox {text-align:left; font-size:12px; min-width:300px; min-height:200px;}


/* css for timepicker */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
